/*
 *  Copyright 2022 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.form-field.cron-field select {
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
}
.cron-field-row {
  margin: 0 0 10px 0;
}
.cron-string {
  margin-top: 15px;
  background: #0079ff40;
  color: #37352f;
  padding: 7px 10px;
  border-left: 3px solid #0079ff;
}
.cron-badge-option-container {
  display: inline-block;
  margin: 10px 0 10px 0;
}
.cron-badge-option {
  height: 30px;
  width: 30px;
  background: #f5f5f5;
  margin: 2px 5px;
  padding: 5px;
  display: inline-table;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
}
.cron-badge-option.disabled {
  cursor: not-allowed;
  color: #6b7280;
}
.cron-badge-option:hover {
  background: #d6d6d6;
}
.cron-badge-option.disabled:hover {
  background: #f5f5f5;
}
.cron-badge-option.active {
  background: #0079ff;
  color: white;
}
.month-opt-container .cron-badge-option {
  width: 35px;
  height: 32px;
  border-radius: 18px;
  font-size: 12px;
  padding: 8px 5px;
}
